<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		
		<link rel="stylesheet" href="css/social3.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">Social</h1>
		    <a class="mui-icon mui-icon-more-filled"></a>
		</header>
		<div class="mui-content">
			
			<ul class="mui-table-view mui-grid-view mui-grid-9">
			    <li class="mui-table-view-cell mui-media mui-col-xs-3">
			        <a href="#">
			            <div class="mui-media-body">ALL</div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media mui-col-xs-3">
			        <a href="#">
			            <div class="mui-media-body">PEOPLE</div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media mui-col-xs-3">
			        <a href="#">
			            <div class="mui-media-body">PHOTOS</div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media mui-col-xs-3">
			        <a href="#">
			            <div class="mui-media-body">VIDEOS</div>
			        </a>
			    </li> 	
			</ul>
			
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell mui-media round1">
			        <a href="javascript:;">
			            <img class="mui-media-object mui-pull-left" src="img/3-1.png">
			            <div class="mui-media-body">
			                YAROSLAV ZAITSEV
			                <p class="mui-ellipsis">5875images,  1420videos</p>
			            </div>
			        </a>
			    </li>
			</ul>
			
			<ul class="mui-table-view mui-grid-view">
			    <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-1-1.png">
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-1-2.png">
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-1-3.png">
	                </a>
	            </li>
	        </ul>
	        
	        <ul class="mui-table-view">
			    <li class="mui-table-view-cell mui-media round2">
			        <a href="javascript:;">
			            <img class="mui-media-object mui-pull-left" src="img/3-2.png">
			            <div class="mui-media-body">
			                NICKY BUDDHA
			                <p class="mui-ellipsis">1468images,  9825videos</p>
			            </div>
			        </a>
			    </li>
			</ul>
			
			<ul class="mui-table-view mui-grid-view">
			    <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-2-1.png">
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-2-2.png">
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-2-3.png">
	                </a>
	            </li>
	        </ul>
			
			
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell mui-media round3">
			        <a href="javascript:;">
			            <img class="mui-media-object mui-pull-left" src="img/3-3.png">
			            <div class="mui-media-body">
			                GREG LA    IN
			                <p class="mui-ellipsis">2018images,  8125videos</p>
			            </div>
			        </a>
			    </li>
			</ul>
			
			<ul class="mui-table-view mui-grid-view">
			    <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-3-1.png">
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-3-2.png">
	                </a>
	            </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-4">
	                <a href="#">
	                    <img class="mui-media-object" src="img/3-3-3.png">
	                </a>
	            </li>
	        </ul>
			
		</div>
		
		
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>